<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./sass/shopping.css">
</head>

<body>
    <header>
        <div class="header">
            <div class="headerContent">
                <div class="left">
                    <img src="https://p2.lefile.cn/product/adminweb/2019/05/14/5d811034-b989-43a5-98cc-82df4bace7de.png"
                        alt="">
                    <p>购物车</p>
                </div>
                <div class="right">
                    <a href="./list.html">
                        <span>返回首页</span>
                    </a>
                    |
                    <a href="">
                        <span class="user"></span>
                    </a>
                    |
                    <a href="">
                        <span>我的订单</span>
                    </a>
                    |
                    <span class="over">退出</span>
                </div>
                <div class="dl">
                    <a href="">
                        <span>返回首页</span>
                    </a>
                    |
                    <a href="./record.html"><span>登录</span></a>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="list">
            <div class="kong">
                <div class="kong-dl">
                    <dt class="f1">
                        <img src="https://p1.lefile.cn/fes/cms/2020/10/20/nz4khhca89tqwb9x9bpa99zj6619c1027055.png"
                            alt="">
                    </dt>
                    <dd class="f1">
                        <ul>
                            <li class="shop"></li>
                            <li class="btn">
                                <button class="left"><a href="./record.html">登录</a></button>
                                <button class="right"><a href="./list.html">去逛逛</a></button>
                            </li>
                        </ul>
                    </dd>
                </div>
                <div class="ydl">
                    <div class="shop-top">
                        <div class="top">
                            <!-- 全部商品
                            <span>1</span> -->
                        </div>
                    </div>
                    <div class="shop-content">
                        <div class="check">
                            <input type="checkbox" class="all">&nbsp;全选
                        </div>
                        <div class="goods">商品</div>
                        <div class="le">单价</div>
                        <div class="le">数量</div>
                        <div class="le">小计</div>
                        <div class="le" style="width: 116px;">操作</div>
                    </div>
                    <div class="shop-list">
                        <div class="goods-item">
                            <div class="item-top"></div>
                            <div class="item-list">
                                <div class="item">
                                    <div class="mains">
                                        <div class="mainSku">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="cart">
                <div class="c-content">
                    <div class="action">
                        <ul>
                            <li class="select">
                                <input type="checkbox" class="footAll">&nbsp;全选
                            </li>
                            <!-- <li>
                                <button>删除</button>
                            </li> -->
                            <li><button class="q-k">清空</button></li>
                        </ul>
                    </div>
                    <button class="jiesuan">去结算</button>
                    <div class="box">
                        <div class="sum-box">
                            实付款:<p>￥<span>0</span></p>

                        </div>
                        <div class="tip">
                           
                        </div>
                    </div>
                    <div class="num">
                        共有<span>0</span>件
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="top">
            <div class="tops">
                <div class="img">
                    <img src="https://p2.lefile.cn/product/adminweb/2019/08/19/8359a28f-9cce-463d-aaf5-b3c7148872f7.png"
                        alt="">
                </div>
            </div>
            <div class="box4"></div>
        </div>
        <div class="foot">
            <ul>
                <li>
                    <a href="javascript:;">购物指南</a>
                    <a href="javascript:;">服务商信息</a>
                    <a href="javascript:;">购买流程</a>
                    <a href="javascript:;">注册登录</a>
                    <a href="javascript:;">商品评价</a>
                </li>
                <li>
                    <a href="javascript:;">配送方式</a>
                    <a href="javascript:;">配送方式</a>
                    <a href="javascript:;">配送方式信息</a>
                    <a href="javascript:;">签收原则</a>
                    <a href="javascript:;">物流查询</a>
                </li>
                <li>
                    <a href="javascript:;">支付方式</a>
                    <a href="javascript:;">分期支付</a>
                    <a href="javascript:;">支付方式</a>
                    <a href="javascript:;">支付问题</a>
                </li>
                <li>
                    <a href="javascript:;">订单信息</a>
                    <a href="javascript:;">订单信息</a>
                    <a href="javascript:;">发票信息</a>
                    <a href="javascript:;">手机激活查询</a>
                </li>
                <li>
                    <a href="javascript:;">售后服务</a>
                    <a href="javascript:;">售后服务总则</a>
                    <a href="javascript:;">24小时在线客服</a>
                    <a href="javascript:;">联想服务入口</a>
                    <a href="javascript:;">热门解决方案</a>
                    <a href="javascript:;">Lenove Quick Fix工具</a>
                </li>
                <li>
                    <a href="javascript:;">其他说明</a>
                    <a href="javascript:;">服务承诺</a>
                    <a href="javascript:;">账户安全</a>
                    <a href="javascript:;">手机产品购买须知</a>
                    <a href="javascript:;">环境信息</a>
                </li>
                <li class="play">
                    <div class="play-nav">
                        <h3>400-166-6666</h3>
                        <span>周一到周日 9:00-21:00</span>
                        <a href=""></a>
                    </div>
                </li>
            </ul>
            <div class="foot-bot">
                <div class="bot">
                    <div class="left">
                        版权所有：1998-2022 联想集团
                        <span>|</span>
                        法律公告
                        <span>|</span>
                        隐私权政策
                        <span>|</span>
                        产品安全
                    </div>
                    <div class="right">
                        京ICP备11035381-2
                        <span>|</span>
                        京公网安备110108007970号
                        <span>|</span>
                        营业执照:91110108700000458B
                        <span>|</span>
                        增值电信业务许可证
                        合字B2-20210143
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
<!-- <script type="module">
    import StepNumber from "../js/StepNumber.js";

    var step=new StepNumber();
    step.appendTo(".jisuanqi");
</script> -->
<script type="module" src="../mysql/shopping.js"></script>

</html>